<template>
  <div class="layout-page">
    <div class="layout-main" :style="{'margin-bottom' : SHOW_FOOTER_NAV ? '80px' : '0'}">
      <router-view/>
    </div>
    <Nav />
  </div>
</template>

<script>

import {mapState} from 'vuex'
import Nav from '@components/nav.vue'

export default {
  name: 'layout-page',
  components: {
    Nav,
  },
  computed: {
    ...mapState(['SHOW_FOOTER_NAV'])
  },
}
</script>